<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div class="right_right">
                <div class="demo01">
                    <img src="2.1.png" />
                    <p>
                        <strong>GitHub Actions beta, now with CI/CD</strong>
                        <br />
                        Automate any workflow with GitHub Actions.
                        <br />
                        See the latest updates and register for the
                        <br />
                        beta.
                    </p>
                    <span>&times</span>
                </div>
                <div class="demo02">
                    <img src="2.2.png" />
                    <p>
                        <strong>GitHub Sponsors Matching Fund</strong>
                        <br />
                        Ready to support open source? GitHub will match
                        <br />
                        your contribution to developers during their first
                        <br />
                        year in GitHub Sponsors.
                    </p>
                    <span>&times</span>
                </div>
                <div class="demo03">
                    <img src="2.3.png" />
                    <p>
                        <strong>Welcome to the new dashboard. Get closer to
                            <br />
                            the stuff you care about most.
                        </strong>
                    </p>
                    <span>&times</span>
                </div>
                <div class="demo04">
                    <p><strong>Explore repositories</strong></p>
                </div>
                <div class="demo05">
                    <p>
                        <strong>
                            <a href="#">termux/termux-packages</a>
                        </strong>
                        Android terminal and Linux environment - packages repository.
                    </p>
                </div>
                <div class="demo06">
                    <p>
                        <strong>
                            <a href="#">okbob/pspg</a>
                        </strong>
                        Unix pager designed for work with tables. Designed for PostgreSQL, but MySQL is supported too.
                        Now it can be used as CSV viewer.
                    </p>
                </div>
                <div class="demo07">
                    <p>
                        <strong>
                            <a href="#">ngneat/transloco</a>
                        </strong>
                        The internationalization (i18n) library for Angular.
                    </p>
                    <span>Explore more →</span>
                </div>
            </div> -->

            <!-- .right_right{
                float:right;
                width:380px;
                height:700px;
                margin-top:33px;
                position:absolute;
                right:0px;
                top:0px;
            }
            .demo01{
                width:350px;
                height:83px;
                margin-bottom: 20px;
                border:.7px solid #4e94e2;	
                border-radius:10px;
                background:#f1f8ff;
                font-size:12px;
                color:#586080;
            }
            .demo01 span{
                position: absolute;
                top:0px;
                right:37px; 
                color:#586069;
                font-size:23px;
                cursor: pointer;
            }
            .demo01 img{
                width:30px;
                height:30px;
                margin:8px 5px 5px 8px;
                display: block;
                float: left;
                cursor: pointer;
            }
            .demo01 p{
                float: right;
                margin-top:10px;
                margin-right: 35px;
            }
            .demo02{
                width:350px;
                height:110px;
                margin-bottom: 20px;
                border:.7px solid #f8cde8;
                border-radius:10px;
                background:#fff9fc;
                font-size:12px;
                color:#586080;
            }
            .demo02 span{
                position: absolute;
                top:104px;
                right:37px;  
                color:#586069;
                font-size:23px;
                cursor: pointer;
            }
            .demo02 img{
                width:30px;
                height:30px;
                margin:8px 5px 5px 8px;
                display: block;
                float: left;
                cursor: pointer;
            }
            .demo02 p{
                float: right;
                margin-top:10px;
                margin-right: 17px;
            }
            .demo03{
                width:350px;
                height:58px;
                margin-bottom: 25px;
                border:.7px solid #5094e2;
                border-radius:10px;
                background:white;
                font-size:12px;
                color:#586080;
            }
            .demo03 span{
                position: absolute;
                top:234px;
                right:37px;  
                color:#586069;
                font-size:23px;
                cursor: pointer;
            }
            .demo03 img{
                width:30px;
                height:30px;
                margin:8px 5px 5px 8px;
                display: block;
                float: left;
                cursor: pointer;
            }
            .demo03 p{
                float: right;
                margin-top:10px;
                margin-right: 25px;
            }
            .demo04{
                width:350px;
                height:20px;
                margin-bottom: 20px;
            }
            .demo04 p{
                font-size: 13px;
                color:#242969;
            }
            .demo05{
                width:350px;
                height:90px;
                margin-bottom: 20px;
                border-bottom:1px solid #E1E4E8;
                font-size:13px;
                color:#586080;
            }
            .demo05 a,.demo06 a,.demo07 a{
                display: block;
                color:#586080;
                text-align: left;
                text-decoration: none;
            }
            .demo05 a:hover,.demo06 a:hover,.demo07 a:hover{
                color:#0366D6;
            }
            .demo06{
                width:350px;
                height:110px;
                margin-bottom: 20px;
                border-bottom:1px solid #E1E4E8;
                font-size:13px;
                color:#586080;
            }
            .demo07{
                width:350px;
                height:90px;
                font-size:13px;
                color:#586080;
            }
            .demo07 span{
                display: block;
                position:absolute;
                left:5px;
                bottom: 10px;
                cursor: pointer;
            } -->
</body>
</html>